<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>workspace</title>
    <script th:src="@{/common/jquery/jquery.js}"></script>
    <link th:href="@{/common/layui-new/layui/css/layui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/common/layui/admin.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/common/layui/template.css}"  rel="stylesheet" type="text/css" />
    <script th:src="@{/common/layui-new/layui/layui.js}"></script>
</head>
<body>
<div class="layui-fluid layadmin-homepage-fluid">
    <div class="layui-row layui-col-space8">
        <div class="layui-col-md2">
            <div class="layadmin-homepage-panel layadmin-homepage-shadow">
                <div class="layui-card text-center">
                    <div class="layui-card-body">
                        <div class="layadmin-homepage-pad-ver">
                            <img class="layadmin-homepage-pad-img" src="../img/xiaobing.jpg" width="96" height="96">
                        </div>
                        <h4 class="layadmin-homepage-font">开发者</h4>
                        <p class="layadmin-homepage-min-font">程序员小白</p>
                        <div class="layadmin-homepage-pad-ver">
                            <a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
                            <a href="javascript:;" class="layui-icon layui-icon-vercode"></a>
                            <a href="javascript:;" class="layui-icon layui-icon-login-wechat"></a>
                            <a href="javascript:;" class="layui-icon layui-icon-login-qq"></a>
                        </div>
                    </div>
                </div>
                <p class="layadmin-homepage-about">
                    关于我
                </p>
                <ul class="layadmin-homepage-list-group">
                    <li class="list-group-item"><i class="layui-icon layui-icon-location"></i>中国南京</li>
                    <li class="list-group-item"><a href="javascript:;" class="color"><i class="layui-icon layui-icon-snowflake"></i><span style="word-wrap:break-word;">https://weibo.com/lsp</span></a></li>
                </ul>
                <div class="layadmin-homepage-pad-hor">
                    <mdall>个人介绍</mdall>
                </div>
                <p class="layadmin-homepage-about">
                    技能
                </p>
                <ul class="layadmin-homepage-list-inline">
                    <a href="javascript:;" class="layui-btn layui-btn-primary">Java</a>
                    <a href="javascript:;" class="layui-btn layui-btn-primary">C++</a>
                    <a href="javascript:;" class="layui-btn layui-btn-primary">Web</a>
                </ul>
            </div>
        </div>
        <div class="layui-col-md10">
            <div class="layui-fluid layadmin-homepage-content">
                <div class="layui-row  layadmin-homepage-padding15">
                    <hr class="new-section-xs"></hr>
                    <div class="layui-col-md5">
                        <a href="javascript:;" class="layui-btn layui-btn-normal" onclick="createproject()">新建项目</a>
                        <a href="javascript:;" class="layui-btn">删除项目</a>
                    </div>
                    <div class="layui-col-md7 layadmin-homepage-padding8">
                        <div class="layui-row layadmin-homepage-text-center">
                            <div class="layui-col-md12 layui-col-sm12 layui-col-xs12">
                                <p class="h4"><i class="layui-icon layui-icon-rate-solid"></i>项目数</p>
                                <mdall>3</mdall>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-fluid layadmin-maillist-fluid">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layadmin-contact-box" >
                            <div class="layui-col-md4 layui-col-sm6">
                                <a id="lucene" onclick="tolucene()"  href="javascript:;">
                                    <div class="layadmin-text-center">
                                        <img style="height: 100px;width: 100px" src="../img/luce.jpg">
                                        <div class="layadmin-maillist-img layadmin-font-blod">Lucene</div>
                                    </div>
                                </a>
                            </div>

                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                                <a href="javascript:;">
                                    The goal of Apache Lucene is to provide world class search capabilities
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layadmin-contact-box" >
                            <div class="layui-col-md4 layui-col-sm6">
                                <a href="javascript:;">
                                    <div class="layadmin-text-center">
                                        <img style="height: 100px;width: 100px" src="../img/spring.jpg">
                                        <div class="layadmin-maillist-img layadmin-font-blod">Spring</div>
                                    </div>
                                </a>
                            </div>

                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                                <a href="javascript:;">
                                    Spring 框架最初是由 Rod Johnson 编写的，并且 2003 年 6 月首次在 Apache 2.0 许可下发布。 Spring 框架是一个开源的 Java 平台，它为容易而快速的开发出耐用的 Java 应用程序提供了全面的基础设施。
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4 layui-col-sm6">
                        <div class="layadmin-contact-box" >
                            <div class="layui-col-md4 layui-col-sm6">
                                <a href="javascript:;">
                                    <div class="layadmin-text-center">
                                        <img style="height: 100px;width: 100px" src="../img/maven.jpg">
                                        <div class="layadmin-maillist-img layadmin-font-blod">Maven</div>
                                    </div>
                                </a>
                            </div>

                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                                <a href="javascript:;">
                                    Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information.
                                </a>
                            </div>
                        </div>
                    </div>
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/spring.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Spring</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    Spring 框架最初是由 Rod Johnson 编写的，并且 2003 年 6 月首次在 Apache 2.0 许可下发布。 Spring 框架是一个开源的 Java 平台，它为容易而快速的开发出耐用的 Java 应用程序提供了全面的基础设施。-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/luce.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Lucene</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    The goal of Apache Lucene is to provide world class search capabilities-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/maven.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Maven</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information.-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/spring.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Spring</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    Spring 框架最初是由 Rod Johnson 编写的，并且 2003 年 6 月首次在 Apache 2.0 许可下发布。 Spring 框架是一个开源的 Java 平台，它为容易而快速的开发出耐用的 Java 应用程序提供了全面的基础设施。-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/maven.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Maven</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information.-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-col-md4 layui-col-sm6">-->
<!--                        <div class="layadmin-contact-box" >-->
<!--                            <div class="layui-col-md4 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    <div class="layadmin-text-center">-->
<!--                                        <img style="height: 100px;width: 100px" src="../img/luce.jpg">-->
<!--                                        <div class="layadmin-maillist-img layadmin-font-blod">Lucene</div>-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->

<!--                            <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">-->
<!--                                <a href="javascript:;">-->
<!--                                    The goal of Apache Lucene is to provide world class search capabilities-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
                </div>
            </div>

        </div>
    </div>
</div>

</body>

<script>
    function createproject() {
        window.open("createproject");
    }
 function tolucene() {
    window.open("search");
 }
</script>
</html>